    <div class="webHead">
        <div class="brand">Online Basket</div>
        <div class="address-bar">The Plaza | 5483 Start Bootstrap Ave. | Beverly Hills, California 26892 | 555.519.2013</div>
    </div>
    
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                   <a class="navbar-brand" href="#">Online Basket</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="homepage.html"><span class="glyphicon glyphicon-home"></span> Home</a>
                    </li>
                    <li><a href="products"><span class="glyphicon glyphicon-list"></span> Products</a>
                    </li>
                    <li><a href="chat.html"><span class="glyphicon glyphicon-envelope"></span> Special Offers</a>
                    </li>
                    <li><a href="ViewStoreInventory.html"><span class="glyphicon glyphicon-stats"></span> View Inventory</a>
                    </li>
                        
                </ul>
                
                     <p class='pull-right' style="color:'white';padding-top:15px;padding-left:10px">
                     <a class='pull-right text-info' href="logout" id="logout"></a></p>
                     <p class="pull-right text-infor" style="color:'white';padding-top:15px" id="userName"></p>

            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
     </nav>
     <script src="js/header.js"></script>